<template>
    <div class="sacrifice-statistics">
        <span class="title">祭祀财务统计</span>
        <div class="container">
            <el-date-picker
                v-model="date"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择时间">
            </el-date-picker>
            <el-input placeholder="请输入纪念馆ID" v-model="memorialID"></el-input>
            <el-input placeholder="请输入用户名ID" v-model="userID"></el-input>
            <el-input placeholder="请输入地域" v-model="address"></el-input>
            <el-button type="primary">搜索</el-button>
            <el-table
            :data="tableData"
            border
            style="width: 100%">
                <el-table-column
                fixed
                prop="id"
                label="纪念馆ID"
                width="50">
                </el-table-column>
                <el-table-column
                prop="address"
                label="所在地域">
                </el-table-column>
                <el-table-column
                prop="userID"
                label="用户名ID">
                </el-table-column>
                <el-table-column
                prop="memorialCost"
                label="墓园费">
                </el-table-column>
                <el-table-column
                prop="videoCost"
                label="影像费">
                </el-table-column>
                <el-table-column
                prop="musicCost"
                label="音乐费">
                </el-table-column>
                <el-table-column
                prop="liveCost"
                label="直播费">
                </el-table-column>
                <el-table-column
                prop="sacrificeCost"
                label="祭祀品费">
                </el-table-column>
                <el-table-column
                prop="laborCost"
                label="客服劳务费">
                </el-table-column>
                <el-table-column
                prop="stationmasterPartition"
                label="站长分成">
                </el-table-column>
                <el-table-column
                prop="platformRevenue"
                label="平台毛收益">
                </el-table-column>
                <el-table-column
                prop="allCost"
                label="费用总额">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            tableData: [
                {
                    id: '11',
                    userID: '11',
                    address: 'asd',
                    wechat: '12308',
                    memorialCost: '1',
                    videoCost: '22',
                    musicCost: '122',
                    liveCost: '1',
                    sacrificeCost: '1',
                    laborCost: '22',
                    stationmasterPartition: '2',
                    platformRevenue:'22',
                    allCost: '100'
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
</style>
